        <script src="__JS__/responsiveslides.min.js" type="text/javascript" charset="utf-8"></script>
        <script src="__JS__/plyr.js" type="text/javascript" charset="utf-8"></script>
        <script src="__JS__/scrollReveal.js" type="text/javascript" charset="utf-8"></script>
       	<link rel="stylesheet" type="text/css" href="__CSS__/plyr.css"/>
       	<link rel="stylesheet" href="__CSS__/common.css" />
       	<link rel="stylesheet" type="text/css" href="__CSS__/brand.css"/>
		<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=PBw9wnafmrxp5loOGMd0ht59"></script>

		<style>
			#l-map{border: 1px solid #ddd;}
			#l-map {height: 340px;width: 540px;}
		</style>

		<!-- 招聘 -->
	    <div id="showBody" style="padding-top: 50px;overflow-y: scroll;">
			<div class="close_btn" id="closeShowBody">X</div>
			<div class="title_k">
				RECRUIT 人才招聘
			</div>
			<br/>
			<!--<div class="title_k" style="width: 130px;">
				资深店长
			</div>
			<br />
			<div class="title_k" style="width: 430px;height: 150px;font-size: 14px;">
				<p>4-6千/月</p>
				<p>全日制大专以上学历</p>
				<p>2年以上零售或服务行业管理岗位经验</p>
				<p>较强的分析、计算能力</p>
				<p>能熟练使用office办公软件及E</p>
			</div>
			<br/>
			<div class="title_k" style="width: 130px;">
				区域督导
			</div>
			<br />
			<div class="title_k" style="width: 430px;height: 170px;font-size: 14px;">
				<p>4.5-6千/月</p>
				<p>负责市场调查</p>
				<p>商圈分析如经济、人口、商圈、</p>
				<p>消费等并制定相应开店计划</p>
				<p>主导 推动从立项到开店的各项工作</p>
				<p>熟悉广州区域情况，对区域项目有敏锐的判断力</p>
			</div>-->
			{foreach name="work" item="w"}
			<div class="title_k" style="width: 130px;">
				{$w['work_name']}
			</div>
			<br />
			<div class="title_k" style="padding:20px;width: 430px;display: inline-block;height:auto;font-size: 14px;">
				{$w['info']}
			</div>
			<br/>
			{/foreach}
	    </div>
	    
	    <!-- 联系我们 -->
	    <div id="showBodyLink" style="padding-top: 50px;">
        		<div class="close_btn" id="closeShowBodyLink">X</div>
	    		<div class="title_k">
	    			CONTACT 联系我们
	    		</div>
	    		<br/>
		    	<!--<div class="title_k2" style="width: 430px;height: 50px;font-size: 14px;">-->
	    			<!--<p>GUANGDONG BINER CLOTHING</p>-->
	    			<!--<p>广州滨哲尔服装有限公司</p>-->
	    		<!--</div>-->
	    		<!--<br/>-->
		    	<!--<div class="title_k2" style="width: 430px;height: 120px;font-size: 14px;">-->
	    			<!--<p>联系热线：020-83702003</p>-->
	    			<!--<p>官方邮箱：943042657@qq.com</p>-->
	    			<!--<p>广州市白云区石槎路长盛国际商贸园A区J42</p>-->
	    		<!--</div>-->
				<div class="title_k2">
					{$config['LINK_INFO']}
				</div>
				<br/>
	    		<div style="display: inline-block;">
	    			<!--<img src="__IMG__/index/map.png" alt="" />-->
					<input type="text" name="address" value="" id="suggestId" style="display: none">
					<div id="l-map"></div>
	    		</div>
	    </div>

		<div id="top" class="callbacks_container">
	        <div>
				<!--<img style="width: 100%;" src="__IMG__/brand_banner.jpg" alt="" />-->
				<img style="width: 100%;" src="{$ad['ad_image_url']}" alt="" />
	        </div>
	    </div>
	    
	    <div>
			<div class="container" >
	            <div class="row shop">
	                	<div class="col-md-6 " data-scroll-reveal="enter left  over 1s and move 200px after 0s">
	                		<span class="jfade_image">
		                    <img src="{$cogs[0]['image']}" class="img-responsive" alt="">
		                    <span class="blanc-info">
								<h5>{$cogs[0]['title']}</h5>
							</span>
						</span>
	                    <img src="__IMG__/brand/add_logo.png" class="add_logo1"/>
	                </div>
	                	<div class="col-md-6" data-scroll-reveal="enter right  over 1s and move 200px after 0s">
	                		<span class="jfade_image">
		                    <img src="{$cogs[1]['image']}" class="img-responsive" alt="">
		                    <span class="blanc-info">
								<h5>{$cogs[1]['title']}</h5>
							</span>
						</span>
	                    <img src="__IMG__/brand/add_logo.png" class="add_logo2"/>
	                </div>
	            </div>
	            <div class="row total_block">
	            		<div class="col-md-6">
		                	<div class="tip_block panel panel1" id="tip_block1">
		                		<div class="close_btn" id="close1">X</div>
		                		<span>
		                			<p class="title_p">{$cogs[0]['title']}</p>
		                			<!--<p>这边开放的热土</p>-->
		                			<!--<p>吸收吐纳着中国</p>-->
		                			<!--<p>最前沿的时尚气息</p>-->
		                			<!--<p>释放者独居魅力的时尚活力</p>-->
									<p>{$cogs[0]['info']}</p>
								</span>
		                	</div>
	            		</div>
	            		<div class="col-md-6">
		                	<div class="tip_block panel panel1" id="tip_block2">
		                		<div class="close_btn" id="close2">X</div>
		                		<span>
		                			<p class="title_p">{$cogs[1]['title']}</p>
		                			<!--<p>时尚是日常生活的一部分</p>-->
		                			<!--<p>它随着所发生的一切时时刻刻改变着</p>-->
		                			<!--<p>你甚至可以看到服装革命的来临</p>-->
		                			<!--<p>你也可以看到并感觉到服装上的一切改变</p>-->
									<p>{$cogs[1]['info']}</p>
							</span>
		                </div>
            			</div>
	            </div>
	        </div>
        </div>
        
        <div class="container" style="text-align: center;">
        		<div class="logo1">
        			<img src="__IMG__/brand_logo.jpg" alt="" />
        		</div>
        		<div class="logo2">
        			<img src="__IMG__/brand_logo2.jpg" alt="" />
        		</div>
        </div>
		
		<div style="width: 100%;text-align: center;">
			<div class="text_l">
			<span>
				<!--<p>广州滨哲尔服饰有限公司成立于2008年</p>-->
				<!--<p>是一家以产品设计开发为主，集生产、销售、策划于一体的现代化服装公司。</p>-->
				<!--<p>拥有男装主打品牌时，同兼女装、童装服装。</p>-->
				<p>{$config['BRAND_INTRODUCE']}</p>
			</span>
			</div>
		</div>

		<div>
			<div class="container" id="video_mode">
				<div class="row  video" data-scroll-reveal="enter top over 1s and move 200px after 0s" data-scroll-reveal-id="1" style="-webkit-transform: translatey(-200px);transform: translatey(-200px);opacity: 0;-webkit-transition: -webkit-transform 1s ease-in-out 0s,  opacity 1s ease-in-out 0s;transition: transform 1s ease-in-out 0s,  opacity 1s ease-in-out 0s;-webkit-perspective: 1000;-webkit-backface-visibility: hidden;" data-scroll-reveal-initialized="true">
	                <div tabindex="0" class="plyr plyr--video plyr--fullscreen-enabled plyr--stopped plyr--ready">
					<div class="plyr__video-wrapper" style="cursor: pointer;">
						<div class="plyr__captions"></div>
						<video src="{$config['BRAND_VIDEO']}" class="embed-responsive-item plyr--setup" poster="{$config['BRAND_VIDEO_IMG']}">
							<source src="{$config['BRAND_VIDEO']}" type="video/mp4">
							<!-- <source src="/path/to/video.webm" type="video/webm">-->
							<!-- Captions are optional -->
						</video>
					</div>
					<!--<button type="button" data-plyr="play" class="plyr__play-large" aria-label="Play"><svg><use xlink:href="#plyr-play"></use></svg><span class="plyr__sr-only">Play</span></button>-->
					<!--<div class="plyr__controls"><button type="button" data-plyr="play" aria-label="Play"><svg><use xlink:href="#plyr-play"></use></svg><span class="plyr__sr-only">Play</span></button><button type="button" data-plyr="pause"><svg><use xlink:href="#plyr-pause"></use></svg><span class="plyr__sr-only">Pause</span></button><span class="plyr__progress"><label for="seek6523" class="plyr__sr-only">Seek</label><input id="seek6523" class="plyr__progress&#45;&#45;seek" type="range" min="0" max="100" step="0.1" value="0" data-plyr="seek"><progress class="plyr__progress&#45;&#45;played" max="100" value="0" role="presentation"></progress><progress class="plyr__progress&#45;&#45;buffer" max="100" value="7.05"><span>7.05</span>% buffered</progress><span class="plyr__tooltip">00:00</span></span><span class="plyr__time"><span class="plyr__sr-only">Current time</span><span class="plyr__time&#45;&#45;current">00:39</span></span><button type="button" data-plyr="mute" aria-pressed="false"><svg class="icon&#45;&#45;muted"><use xlink:href="#plyr-muted"></use></svg><svg><use xlink:href="#plyr-volume"></use></svg><span class="plyr__sr-only">Toggle Mute</span></button><span class="plyr__volume"><label for="volume6523" class="plyr__sr-only">Volume</label><input id="volume6523" class="plyr__volume&#45;&#45;input" type="range" min="0" max="10" value="10" data-plyr="volume"><progress class="plyr__volume&#45;&#45;display" max="10" value="10" role="presentation"></progress></span><button type="button" data-plyr="captions"><svg class="icon&#45;&#45;captions-on"><use xlink:href="#plyr-captions-on"></use></svg><svg><use xlink:href="#plyr-captions-off"></use></svg><span class="plyr__sr-only">Toggle Captions</span></button><button type="button" data-plyr="fullscreen" aria-pressed="false"><svg class="icon&#45;&#45;exit-fullscreen"><use xlink:href="#plyr-exit-fullscreen"></use></svg><svg><use xlink:href="#plyr-enter-fullscreen"></use></svg><span class="plyr__sr-only">Toggle Fullscreen</span></button></div>-->
					</div>
	            </div>
	        </div>
        </div>
        
        <div class="container" style="text-align: center;" id="logo3">
			<img src="__IMG__/brand_logo3.png" alt="" />
        </div>

		<!-- start===========start -->
		<div  class="testimonials" id="testimonials">
			<div class="wmuSlider example1">
				<div class="container-flueid">
					{foreach name="history" item="h"}
					<article>
						<div class="brand_intro container">
							<div class="intro1 col-md-3">
								<img src="{$h['image']}" alt="" style="width: 174px;height: 174px;" />
								<div class="intro1_1"></div>
							</div>
							<div class="intro2 col-md-7" >
								<h3>{$h['title']}</h3>
								<p>{$h['info']}</p>
							</div>
							<div class="intro3">
								<img src="__IMG__/brand_next.jpg" alt="" />
							</div>
						</div>
					</article>
					{/foreach}
					<script src="__JS__/jquery.wmuSlider.js"></script>
					<script>
                        $('.example1').wmuSlider({
                            touch: true,
                        });
                        $('.intro3').click(function(){
                            $('.wmuSliderPrev').click();
						});
					</script>
				</div>
			</div>
		</div>
		<!-- end===========end -->

        <div class="instock">
			<div class="container">
				<div class="col-md-6 chuk" data-scroll-reveal="enter left over 1s and move 200px after 0s">
					<img src="{$cogs[2]['image']}" alt="" class="lg"/>
					<div class="tip_img1">
						<p><img src="__IMG__/brand/btn1.png" id="m1"/></p>
					</div>
				</div>
				<div class="col-md-6 blanc" data-scroll-reveal="enter right over 1s and move 200px after 0s">
					<img src="{$cogs[3]['image']}" class="lg"/>
					<div class="tip_img1_2">		
						<p><img src="__IMG__/brand/btn2.png" alt="" id="m3"/></p>
					</div>
				</div>
			</div>	
		</div>
        
        <div class="clearfix"></div>

	<script>plyr.setup();</script>
    <script>
        (function () {
            window.scrollReveal = new scrollReveal({reset: true, move: '50px'});
        })();
    </script>
	<script>
		
		$('.tip_img1 img').hover(function(){
			$(this).prop('src', '__IMG__/brand/btn1_hover.png');
		},function(){
			$(this).prop('src', '__IMG__/brand/btn1.png');
		});
		
		$('.tip_img1_2 img').hover(function(){
			$(this).prop('src', '__IMG__/brand/btn2_hover.png');
		},function(){
			$(this).prop('src', '__IMG__/brand/btn2.png');
		});
	</script>
	<script>
		//联系
		$('.tip_img1').click(function(){
            map.centerAndZoom('广东省广州市' , 11);
            $('#showBodyLink').show();
			 $('html,body').addClass('ovfHiden');
			$('body').css({ 
	             "overflow-x":"hidden",
	             "overflow-y":"hidden"       
         	});
		});
		$('#showBody').click(function(){
			// $(this).hide();
            $('body').css({
                "overflow":"auto",
            });
		});
		$('#closeShowBody').click(function(){
			$('#showBody').hide();
            $('body').css({
                "overflow":"auto",
            });
		});
		//招聘
		$('.tip_img1_2').click(function(){
			$('#showBody').show();
			 $('html,body').addClass('ovfHiden');
			$('body').css({ 
	             "overflow-x":"hidden",
	             "overflow-y":"hidden"       
         	});
		});
		$('#showBodyLink').click(function(){
			// $(this).hide();
            $('body').css({
                "overflow":"auto",
            });
		});
		$('#closeShowBodyLink').click(function(){
			$('#showBodyLink').hide();
            $('body').css({
                "overflow":"auto",
            });
		});
		//弹窗
		$('.add_logo1').click(function(){
			$('#tip_block1').slideToggle("slow");
		});
		$('#close1').click(function(){
			$('#tip_block1').slideUp("slow");
		});
		$('.add_logo2').click(function(){
			$('#tip_block2').slideToggle("slow");
		});
		$('#close2').click(function(){
			$('#tip_block2').slideUp("slow");
		});
	</script>

	<script>
		$('#brand').addClass('active');
	</script>

	<!-- 百度地图相关script -->
	<script type="text/javascript">
		var lat = "{$config['LOCATION_LAT']}";
		console.log(lat);
		var lng = "{$config['LOCATION_LNG']}";
        // 百度地图API功能
        function G(id) {
            return document.getElementById(id);
        }
        var map = new BMap.Map("l-map");
        map.centerAndZoom('广东省广州市' , 11);                   // 初始化地图,设置城市和地图级别。

        //默认加载地址
        var point = new BMap.Point(lng, lat);
        var marker = new BMap.Marker(point);  // 创建标注
        map.addOverlay(marker);               // 将标注添加到地图中
        marker.setAnimation(BMAP_ANIMATION_BOUNCE); //跳动的动画

        map.enableScrollWheelZoom();   //启用滚轮放大缩小，默认禁用
        // map.enableContinuousZoom();    //启用地图惯性拖拽，默认禁用

        var ac = new BMap.Autocomplete(    //建立一个自动完成的对象
            {
                "input": "suggestId"
                , "location": map
            });

        ac.addEventListener("onhighlight", function (e) {  //鼠标放在下拉列表上的事件
            var str = "";
            var _value = e.fromitem.value;
            var value = "";
            if (e.fromitem.index > -1) {
                value = _value.province + _value.city + _value.district + _value.street + _value.business;
            }
            str = "FromItem<br />index = " + e.fromitem.index + "<br />value = " + value;

            value = "";
            if (e.toitem.index > -1) {
                _value = e.toitem.value;
                value = _value.province + _value.city + _value.district + _value.street + _value.business;
            }
            str += "<br />ToItem<br />index = " + e.toitem.index + "<br />value = " + value;
            G("searchResultPanel").innerHTML = str;
        });

        var myValue;
        ac.addEventListener("onconfirm", function (e) {    //鼠标点击下拉列表后的事件
            var _value = e.item.value;
            myValue = _value.province + _value.city + _value.district + _value.street + _value.business;
            G("searchResultPanel").innerHTML = "onconfirm<br />index = " + e.item.index + "<br />myValue = " + myValue;

            setPlace();
        });

        function setPlace() {
            map.clearOverlays();    //清除地图上所有覆盖物
            function myFun() {
                var pp = local.getResults().getPoi(0).point;    //获取第一个智能搜索的结果
                map.centerAndZoom(pp, 18);
                map.addOverlay(new BMap.Marker(pp));    //添加标注
                lat = pp.lat;
                lng = pp.lng;
            }

            var local = new BMap.LocalSearch(map, { //智能搜索
                onSearchComplete: myFun
            });
            local.search(myValue);
        }

	</script>